<template>

  <div>
    <h3>移动端 ad</h3>
  </div>
</template>
  
  <script>
import { toRefs, getCurrentInstance, reactive, inject, onMounted } from "vue";

// import { ElMessage } from "element-plus";
import { useRouter } from "vue-router";

export default {
  name: "Index",

  setup() {
    const { proxy } = getCurrentInstance();
    // var $isMobile =
    //   getCurrentInstance().appContext.config.globalProperties.$isMobile;
    // const proxy = getCurrentInstance().appContext.config.globalProperties;
    // console.log($isMobile);
    const router = useRouter();
    // let afterLoad = (origin, destination, direction) => {
    //   // origin 起点 destination终点 direction方向 固定写法
    //   this.navIndex = destination.index;
    //   //destination.index代表对应页面index(从0开始)
    //   //拿到对应页面的index就可以进行操作
    //   if (destination.index > 0) {
    //     this.phoneShow = true;
    //   }
    //   if (destination.index === 0) {
    //     this.phoneShow = false;
    //   }
    // };

    let dataObj = reactive({
      // isMobile: $isMobile,
      options: {
        // afterLoad: afterLoad,
        // anchors: ["page1", "page2", "page3", "page4", "page5", "page6"],
        credits: {},
        scrollOverflow: false,
        scrollBar: false,

        // menu: "#menu",
        sectionsColor: [
          "#23A84A",
          "#ff5f45",
          "#0798ec",
          "#fec401",
          "#000000",
          "#E7EFFE"
        ]
      }
    });
    onMounted(() => {
      // window.addEventListener("resize", () => {
      //   const width =
      //     window.innerWidth ||
      //     document.documentElement.clientWidth ||
      //     document.body.clientWidth;
      //   if (width < 992) {
      //     dataObj.isMobile = true; // 手机端
      //   } else {
      //     dataObj.isMobile = false; // PC端
      //   }
      // });
    });
    /**
     * 发送验证码
     */
    // let getEailCode = () => {
    //   if (/^1[3456789]\d{9}$/.test(formInline.tel)) {
    //     proxy.$https
    //       .get("/api/v1/sms", {
    //         mobile: formInline.tel,
    //         nation_code: "86",
    //         action: "login"
    //       })
    //       .then((res) => {
    //         if (!res.code) {
    //           time();
    //           ElMessage({
    //             message: res.msg,
    //             type: "success"
    //           });
    //         } else {
    //           ElMessage({
    //             message: res.msg,
    //             type: "warning"
    //           });
    //           formInline.timeDisable = false;
    //         }
    //       })
    //       .catch((error) => {
    //         ElMessage({
    //           message: error.msg,
    //           type: "warning"
    //         });
    //         formInline.timeDisable = false;
    //       });
    //   } else {
    //     ElMessage({
    //       message: "请输入正确的手机号.",
    //       type: "warning"
    //     });
    //   }
    // };
    // /**
    //  * 验证码倒计时
    //  */
    // let time = () => {
    //   if (formInline.verificationCodeTime === 0) {
    //     formInline.verificationCodeTime = 60;
    //     formInline.timeDisable = false;
    //     formInline.verificationCodeText = "验证码";
    //   } else {
    //     formInline.timeDisable = true;
    //     formInline.verificationCodeText = `${formInline.verificationCodeTime}s`;
    //     formInline.verificationCodeTime--;
    //     window.localStorage.setItem(
    //       "_time",
    //       formInline.verificationCodeTime.toString()
    //     );
    //     setTimeout(() => {
    //       time();
    //     }, 1000);
    //   }
    // };
    // /**
    //  * 登录
    //  */
    // let login = () => {
    //   if (formInline.tel && formInline.yzm) {
    //     proxy.$https
    //       .post("/api/v1/login", {
    //         pin: formInline.yzm,
    //         mobile: formInline.tel,
    //         nation_code: "86"
    //       })
    //       .then((res) => {
    //         if (!res.code) {
    //           window.localStorage.setItem(
    //             "access_token",
    //             res.data.access_token
    //           );
    //           ElMessage({
    //             message: res.msg,
    //             type: "success"
    //           });
    //           setTimeout(() => {
    //             router.push({ path: "/index" });
    //           });
    //         } else {
    //           ElMessage({
    //             message: res.msg,
    //             type: "warning"
    //           });
    //         }
    //       });
    //   } else {
    //     ElMessage({
    //       message: "请输入手机号以及获取验证码",
    //       type: "warning"
    //     });
    //   }
    // };
    /**
     * 键盘回车登录
     */
    // document.onkeydown = (e) => {
    //   e = window.event || e;
    //   if (
    //     e.code === "Enter" ||
    //     e.code === "enter" ||
    //     e.code === "NumpadEnter"
    //   ) {
    //     login();
    //   }
    // };
    /**
     * 获取验证码倒计时时间
     */
    // formInline.verificationCodeTime = Number(
    //   window.localStorage.getItem("_time")
    // );
    // if (formInline.verificationCodeTime !== 60) {
    //   time();
    // } else {
    //   formInline.verificationCodeTime = 60;
    //   formInline.timeDisable = true;
    // }
    let moveTo = (pages) => {
      //固定写法,第一个参数代表options中anchors数组中的值
      //在点击时传递对应的pages值即可
      // fullpage_api.moveTo(pages, 1);
      proxy.$refs.fullpage.api.moveSectionDown(); // 输出DOM元素
    };
    let methods = {
      moveTo: moveTo
      // time: time,
      // login: login
    };
    return {
      ...toRefs(dataObj),
      ...methods
    };
  }
};
</script>
  <style scoped lang="scss">
h3 {
  font-size: 38px;
}
// $viewportWidth: 1720px; //设计稿宽度
// $viewportHeight: 1080px; //设计稿高度

// @function pxTovw($px) {
//   @return $px * 100vw / $viewportWidth;
// }

// .homepage {
//   .wrap {
//     width: 100%;
//     height: 100%;
//     overflow: hidden;
//     background: url(../assets/img/bg.png) no-repeat center center;
//     background-size: cover;
//     display: flex;
//     flex-direction: column;
//     justify-content: space-between;
//     .layout {
//       display: flex;
//       flex-direction: column;
//       flex: 1;
//     }
//     header {
//       width: 100%;
//       display: flex;
//       justify-content: space-between;
//       height: pxTovw(64px);
//       align-items: center;
//       padding-right: pxTovw(26px);
//       .logos {
//         display: flex;
//         height: 100%;
//         align-items: center;
//         li {
//           margin-right: pxTovw(20px);
//         }
//         li:first-child {
//           img {
//             width: pxTovw(122px);
//             height: pxTovw(28px);
//             display: block;
//           }
//         }
//         li:nth-child(2) {
//           img {
//             width: pxTovw(83px);
//             height: pxTovw(28px);
//             display: block;
//           }
//         }
//         li:nth-child(3) {
//           img {
//             width: pxTovw(83px);
//             height: pxTovw(28px);
//             display: block;
//           }
//         }
//       }
//       .nav {
//         height: pxTovw(64px);
//         display: flex;
//         align-items: center;

//         li {
//           height: pxTovw(64px);
//           margin-left: pxTovw(30px);
//           line-height: pxTovw(36px);
//           display: flex;
//           align-items: center;
//           a {
//             font-family: PingFangSC, PingFang SC;
//             font-weight: 400;
//             // width: pxTovw(83px);
//             // height: pxTovw(28px);
//             font-size: pxTovw(14px);
//             color: rgba(225, 225, 225, 0.7);
//             line-height: pxTovw(36px);
//             text-align: left;
//             font-style: normal;
//           }
//         }
//       }
//     }
//     .content {
//       width: pxTovw(1350px);

//       flex: 1;
//       // height: pxTovw(534px);
//       // height:pxTovw(calc(100% - 300px));
//       position: relative;
//       bottom: 0;
//       // position: relative;
//       // bottom: 0;

//       // flex: 1;

//       margin: pxTovw(50px) auto 0;

//       // background: url(../assets/img/chenyu.png) no-repeat right center;
//       // background-size: pxTovw(534px)  pxTovw(669px)  ;
//       display: flex;
//       // align-items: center;
//       .c-left {
//         padding-top: pxTovw(75px);
//         // height: 5rem;
//         // width: 3.56rem;
//         width: pxTovw(621px);
//         display: flex;
//         flex-direction: column;
//         img {
//           width: pxTovw(621px);
//           // height: 3rem;
//           display: block;
//         }
//         p {
//           font-family: "WenQuanYi Micro Hei";
//           font-weight: normal;
//           font-size: pxTovw(48px);
//           color: #ff6b19;
//           line-height: pxTovw(60px);
//           text-align: left;
//           font-style: normal;
//           margin-top: pxTovw(40px);
//         }
//         span {
//           width: pxTovw(570px);
//           display: block;
//           font-family: PingFangSC, PingFang SC;
//           font-weight: 400;
//           font-size: pxTovw(20px);
//           color: #ff6b19;
//           line-height: pxTovw(36px);
//           text-align: left;
//           font-style: normal;
//         }
//       }
//       .c-right {
//         padding-top: pxTovw(158px);
//         margin-left: pxTovw(-15px);
//         // margin-left: 0.1rem;
//         color: rgba(2225, 225, 225, 0.6);
//         display: flex;
//         flex-direction: column;
//         font-family: PingFangSC, PingFang SC;
//         font-weight: 400;
//         font-size: pxTovw(14px);
//         line-height: pxTovw(30px);
//         text-align: left;
//         font-style: normal;
//         // p {
//         //   width: pxTovw(200px);
//         // }
//         .en {
//           width: pxTovw(200px);
//           color: rgba(2225, 225, 225, 0.6);
//           margin-top: pxTovw(50px);
//           font-family: PingFangSC, PingFang SC;
//           font-weight: 400;
//           font-size: pxTovw(14px);
//           line-height: pxTovw(30px);
//           text-align: left;
//           font-style: normal;
//         }
//       }
//       .chenyu {
//         // width: pxTovw(584px);
//         // height: pxTovw(729px);
//         height: pxTovw(720px);
//         // height: 100%;
//         justify-content: flex-end;
//         display: block;
//         position: absolute;
//         right: 0;
//         top: 0;
//         bottom: 0;
//         // min-height: 3rem;
//         // z-index:8;
//       }
//     }
//     footer {
//       position: relative;
//       z-index: 999;
//       width: 100%;
//       height: pxTovw(105px);
//       display: flex;
//       justify-content: flex-end;
//       .bar {
//         padding-top: pxTovw(30px);
//         width: 70%;
//         height: 100%;
//         background: #ff6b19;
//         //   display: flex;
//         //   align-items: center;
//         padding-left: pxTovw(30px);
//         img {
//           width: pxTovw(30px);
//         }
//       }
//     }
//   }
//   .layout {
//     width: pxTovw(1350px);
//     margin: 0 auto;
//   }
// }

// .is-mobile {
//   h3 {
//     font-size: 48px;
//   }
// }
</style>
  